<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="webroot" value="${pageContext.request.contextPath}" />
<script type="text/javascript" src="${webroot}/static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="${webroot}/static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${webroot}/static/js/bootstrap-table.js"></script>
<script type="text/javascript" src="${webroot}/static/js/app-common-2.00.0.js"></script>
<script type="text/javascript" src="${webroot}/static/js/layer/layer.js"></script>
<script src="${webroot}/static/js/jquery.form.js" type="text/javascript" ></script>
<link rel="stylesheet" type="text/css" href="${webroot}/static/js/layer/skin/layer.css"/>
<link rel="stylesheet" type="text/css" href="${webroot}/static/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="${webroot}/static/css/bootstrap-table.min.css" />
<link rel="stylesheet" type="text/css" href="${webroot}/static/css/forms.css" />
<html lang="en">
<head>
<style type="text/css">
  .control-group {
    width: 13%;
  }
  .layui-btn-sms {
    height: 25px;
    line-height: 19px;
    padding: 0 10px;
    font-size: 12px;
    width: 45px;
    background-color: white;
    color: #000000e0;
    border: 0.5px solid #000000e0;
}
.table>tbody>tr>td, .table>tfoot>tr>td {
    text-align: center;
    vertical-align: middle;
}
</style>
</head>
<body>
	<div>
		<form class="order-form" id="filterForm">
		   <input type="hidden" id="xg" name="xg" />
		   <input type="hidden" id="sc" name="sc" />
		   <input type="hidden" id="ty" name="ty" />
		   <input type="hidden" id="qy" name="qy" />
			<div class="control-group clearfix" style="width: 15%;">
				<label>姓名:</label>
				<div class="control">
					<input type="text" class="control-input" id="userName" name="userName" >
				</div>
			</div>
			<div class="control-group clearfix" style="width: 15%;">
				<label>帐号:</label>
				<div class="control">
					<input type="text" class="control-input" id="userId" name="userId" >
				</div>
			</div>
			<div class="control-group clearfix" style="width: 15%;">
				<label>状态:</label>
				<div class="control">
				  <select id="status" class="control-select">
				    <option value="">请选择</option>
				    <option value="0">启用</option>
				    <option value="1">停用</option>
				  </select>
				</div>
			</div>
		 	<div class="control-group clearfix">
				<div class="control">
				   <input type="button" value="查询" id="btn_query" class="layui-btn layui-btn-sm layui-btn-normal"/>&nbsp;
			       <input type="button" value="重置" id="btn_reunion" class="layui-btn layui-btn-sm layui-btn-danger"/>
				</div>
			</div>
		</form>
		<div style="position: relative;top: -11px;height: 38px;">
		   <input type="button" value="添加账号" id="adbut" class="layui-btn" style="display: none;" onclick="Add(null)" />
		</div>
		<form id='dictGridDiv'></form>
	</div>
</body>
<script type="text/javascript">
var list = JSON.parse('${gpLists}');
for (var i = 0; i < list.length; i++) {
	if(list[i].resourceName=="添加账号"){
		$("#adbut").show();
	}
	if(list[i].resourceName=="修改"){
		$("#xg").val("1");
	}
	if(list[i].resourceName=="删除"){
		$("#sc").val("1");
	}
	if(list[i].resourceName=="启用"){
		$("#qy").val("1");
	}
	if(list[i].resourceName=="停用"){
		$("#ty").val("1");
	}
}
	$(function() {
		//1.初始化Table
		var oTable = new TableInit();
		oTable.Init();
		$("#btn_query").click(function() {
			$("#dictGridDiv").bootstrapTable('destroy');
			var oTable = new TableInit();
			oTable.Init();
		});
		$("#btn_reunion").click(function() {
			$("#userId").val("");
			$("#userName").val("");
			$("#status").val("");
			$("#dictGridDiv").bootstrapTable('destroy');
			var oTable = new TableInit();
			oTable.Init();
		});
	});
	var TableInit = function() {
		var oTableInit = new Object();
		//初始化Table
		oTableInit.Init = function() {
			$('#dictGridDiv').bootstrapTable({
					url : '${webroot}/sysuser/querypage',
					dataType : "json",
					toolbar : '#toolbar', //工具按钮用哪个容器
					striped : true, //是否显示行间隔色
					singleSelect : false,
					pagination : true, //分页
					pageNumber : 1, //初始化加载第一页，默认第一页
					queryParams : queryParams,
					pageSize : 10, //每页的记录行数（*）
					pageList : false, //可供选择的每页的行数（*）
					//search: true, //显示搜索框
					sidePagination : "server", //服务端处理分页
					columns : [ 
					           {
								 field : 'id',
								 title : '编号',
								 align : 'center',
								 width : '280'
								 
								},{
								 field : 'userName',
								 title : '姓名',
								 align : 'center',
								 width : '280'
							    },{
								 field : 'userId',
							     title : '账号',
								 align : 'center',
								 width : '280'
								},{
								 field : 'password',
								 title : '密码',
								 align : 'center',
								 width : '280'
								},{
								 field : 'roleName',
								 title : '角色',
								 align : 'center',
								 width : '200'
							    },{
							     field : 'status',
								 title : '状态',
								 align : 'center',
								 width : '200',
								 formatter : function(val, rowdata, rowindex, td, trL) {
									 if(val== 0 || val=='0'){
										 return "启用";
									 }else if(val== 1 || val=='1'){
										 return "停用";
									 }else{
										 return null;
									 }
								 }
								},/* {
								 field : 'createTime',
								 title : '创建时间',
								 align : 'center',
								 formatter : function(val, rowdata, rowindex, td, trL) {
										if(val==""||val==null) return "";
										return app.inputDate.myformatterTime(new Date(val));
									},
								 width : '300'
								}, */{
								 title : '选项',
								 align : 'center',
								 width : '390',
								 formatter : function(value, row,index) {
									 var str="";
									 if($("#xg").val() == '1'){
										 str += '<input type="button" value="修改" class="layui-btn layui-btn-primary layui-btn-sms" onclick="Add(\''+ row.userId+ '\')" />&nbsp&nbsp';
									 }
									 if($("#sc").val() == '1'){
										 str += '<input type="button" value="删除" class="layui-btn layui-btn-primary layui-btn-sms" onclick="Delete(\''+ row.userId+ '\',\''+ row.userName+ '\')" />&nbsp&nbsp';
									 }
									 if($("#ty").val() == '1'){
										if(row.status== 0 || row.status=='0'){
											str += '<input type="button" value="停用" class="layui-btn layui-btn-primary layui-btn-sms" onclick="Upstatus(\''+ row.userId+ '\',\''+ row.userName+ '\',1)" /> &nbsp&nbsp'; 
										}
									 }
									 if($("#qy").val() == '1'){
										 if(row.status== 1 || row.status=='1'){
											 str +=  '<input type="button" value="启用" class="layui-btn layui-btn-primary layui-btn-sms" onclick="Upstatus(\''+ row.userId+ '\',\''+ row.userName+ '\',0)" /> &nbsp&nbsp'; 
										 }
									 }
									 return str;
								 }
								} ]
							});
		};
		function queryParams(params) {
			return {
				pageSize : params.limit, //页面大小
				pageNumber : params.offset, //页码
				userId: $("#userId").val(),
				userName:$("#userName").val(),
				status:$('#status option:selected').val(),
			};
		}
		return oTableInit;
	};
	
	//启用 - 停用
	function Upstatus(userId,userName,status){
		var titie='';
		if(status == 0){
			titie ='确定要启用吗?';
		}else if(status == 1){
			titie ='确定要停用吗?';
		}
		layer.confirm(titie, function() {
			//调用ajax局部启动
			$.ajax({
				url : "${webroot}/sysuser/updatestatus",
				type : "POST",
				data : {
					"userId" : userId,
					"status" : status,
					"userName" : userName
				},
				dataType : "json",
				async : false,
				cache : false,
				success : function(obj) {
					if (obj != null) {
						if (obj.success) {
							layer.msg("操作成功");
						} else {
							layer.msg("操作失败");
						}
					}
				}
			});
			$("#dictGridDiv").bootstrapTable('destroy');
			var oTable = new TableInit();
			oTable.Init();
		});
	}
	
	//新增 - 修改
	function Add(userId){
		window.location.href = '${webroot}/sysuser/detail?id='+userId+"&resourceId=${id}";
	}
	
	//删除
    function Delete(userId,userName){
    		layer.confirm('确定要删除吗?', function() {
    			//调用ajax局部启动
    			$.ajax({
    				url : "${webroot}/sysuser/delete",
    				type : "POST",
    				data : {
    					"id" : userId,
    					"userName" : userName
    				},
    				dataType : "json",
    				async : false,
    				cache : false,
    				success : function(obj) {
    					if (obj != null) {
    						if (obj.success) {
    							layer.msg("删除成功");
    						} else {
    							layer.msg("删除失败");
    						}
    					}
    				}
    			});
    			$("#dictGridDiv").bootstrapTable('destroy');
    			var oTable = new TableInit();
    			oTable.Init();
    		});
	}	 
</script>
</html>